@import './bw';

section {
    padding: vw(90) vw(27) vw(96);
    position: relative;

    h1 {
        font-size: vw(30);
        font-weight: bold;
        line-height: vw(34);
        margin-top: vw(40);
    }

    h2 {
        font-size: vw(20);
        color: #c5c5c5;
        line-height: vw(27);
        text-align: justify;
        margin-top: vw(34);
    }

    h3 {
        font-size: vw(20);
        color: #c5c5c5;
        line-height: vw(27);
        text-align: justify;
        margin-top: vw(26);
    }

    >div {

        &:nth-of-type(1) {
            text-align: right;
            margin-top: vw(15);
            padding-right: vw(5);
        }

        >span {
            font-size: vw(20);
            line-height: vw(22);
            color: #c5c5c5;

            img {
                width: vw(21);
                height: vw(19);
                margin-right: vw(6);
            }

            &:nth-of-type(2) {

                img {
                    width: vw(24);
                    height: vw(14);
                    margin-left: vw(41);
                }

            }
        }

        &:nth-of-type(2) {
            margin-top: vw(10);
            text-align: right;
            padding-right: vw(5);

            span {
                font-size: vw(22);
                color: #c5c5c5;

                &:nth-of-type(2) {
                    color: #b20000;
                    margin-left: vw(18);
                }
            }
        }

        &:nth-of-type(3) {
            >p {
                font-size: vw(20);
                color: #c5c5c5;
                text-indent: 2em;
                line-height: vw(27);
                text-align: justify;

                &:nth-of-type(1) {
                    margin-top: vw(40);
                    margin-bottom: vw(32);
                }

                &:nth-of-type(2),
                &:nth-of-type(4) {
                    font-weight: bold;
                    color: black;
                }

                &:nth-of-type(3) {
                    margin-top: vw(34);
                    margin-bottom: vw(34);
                }

                &:nth-of-type(5) {
                    margin-top: vw(34);
                }

            }
        }

        &:nth-of-type(4) {
            >p {
                font-size: vw(20);
                color: #c5c5c5;
                text-indent: 2em;
                line-height: vw(27);
                text-align: justify;

                &:nth-of-type(1) {
                    margin-top: vw(31);
                    margin-bottom: vw(31);
                    font-weight: bold;
                    color: black;
                }
            }


        }

        &:nth-of-type(5) {
            >p {
                font-size: vw(20);
                color: #c5c5c5;
                text-indent: 2em;
                line-height: vw(27);
                text-align: justify;

                &:nth-of-type(1) {
                    margin-top: vw(22);
                    font-weight: bold;
                    color: black;
                }

                &:nth-of-type(3),
                &:nth-of-type(5) {
                    font-weight: bold;
                    color: black;
                }
            }
        }

        &:nth-of-type(6) {
            >p {
                font-size: vw(20);
                color: #c5c5c5;
                line-height: vw(27);
                text-align: justify;
                margin-top: vw(32);

                &:nth-of-type(1) {
                    margin-top: vw(20);
                    color: black;
                }

                &:nth-of-type(4) {
                    color: black;
                }
            }
        }

        &:nth-of-type(7) {
            >p {
                font-size: vw(20);
                color: #c5c5c5;
                line-height: vw(27);
                text-align: justify;
                margin-top: vw(32);

                &:nth-of-type(1) {
                    margin-top: vw(20);
                }
            }
        }

        &:nth-of-type(8) {
            width: vw(640);
            height: vw(118);
            border-top: vw(19) solid #efefef;
            border-bottom: vw(19) solid #efefef;
            background-color: white;
            position: relative;
            left: vw(-27);
            top: 0;
            padding-left: vw(28);

            >p {
                font-size: vw(18);
                color: #9c9c9c;
                line-height: vw(80);

                >span {
                    font-size: vw(21);
                    color: #727171;
                    font-weight: bold;
                }
            }
        }

        &:nth-of-type(9) {
            ul {
                display: flex;
                display: -webkit-flex;
                justify-content: space-between;
                align-items: center;
                margin-bottom: vw(50);
                padding: vw(40) vw(158) 0;

                li {

                    div {
                        width: vw(68);
                        height: vw(68);
                        border-radius: 50%;
                        border: 1px solid #b6b6b6;
                        text-align: center;

                        img {
                            margin-top: vw(18);
                        }

                        &:nth-of-type(1) {
                            img {
                                width: vw(30);
                                height: vw(27);
                            }
                        }

                        &:nth-of-type(2) {
                            img {
                                width: vw(34);
                                height: vw(32);
                            }
                        }

                        &:nth-of-type(3) {
                            img {
                                width: vw(22);
                                height: vw(33);
                            }
                        }
                    }

                    p {
                        font-size: vw(20);
                        text-align: center;
                        color: #c5c5c5;
                        margin-top: vw(10);
                    }
                }
            }
        }

        &:nth-of-type(10) {
            text-align: center;
            margin-bottom: vw(49);

            .kuang {
                text-align: center;
                line-height: vw(193);
                width: vw(581);
                height: vw(193);
                font-size: vw(20);
                color: #a5a5a5;
                border: 1px solid #c9c9c9;

                a {
                    color: #b20000;
                    text-decoration: underline;
                }
            }

            input {
                display: inline-block;
                width: vw(393);
                height: vw(53);
                background-color: #b20000;
                color: white;
                font-size: vw(26);
                outline: none;
                border: none;
                margin-top: vw(16);
            }
        }

        &:nth-of-type(11) {
            p {
                &:nth-of-type(1) {
                    vertical-align: bottom;
                    font-size: vw(18);
                    margin-bottom: vw(25);

                    span {
                        border-bottom: 1px solid #c0c0c0;
                    }
                }

            }
        }

        &:nth-of-type(12) {
            p {
                line-height: vw(51);

                img {
                    width: vw(51);
                    height: vw(51);
                    vertical-align: middle;
                }

                span {
                    line-height: vw(51);
                    font-size: vw(18);
                    vertical-align: middle;
                    margin-left: vw(10);

                    &:nth-of-type(2) {
                        color: #b2b2b2;
                    }
                }
            }

            >div {
                div {
                    display: flex;
                    display: -webkit-flex;
                    justify-content: space-between;
                    padding-left: vw(13);

                    >p {
                        &:nth-of-type(1) {
                            font-size: vw(22);
                        }

                        &:nth-of-type(2) {
                            font-size: vw(18);
                            color: #b2b2b2;
                        }

                        &:nth-of-type(3) {
                            font-size: vw(19);

                            img {
                                width: vw(15);
                                height: vw(8);
                            }
                        }
                    }
                }

                >p {
                    text-align: right;
                    font-size: vw(19);

                    img {
                        width: vw(15);
                        height: vw(8);
                    }
                }
            }
        }

        &:nth-of-type(13) {
            background-color: #fafafa;
            width: vw(535);
            height: vw(376);
            padding: 0 vw(6);
            margin-left: vw(18);
            font-size: 0;
            .mimo {
                padding-top: vw(18);
                border-bottom: 1px dashed #c9c9c9;
                display: flex;
                display: -webkit-flex;
                justify-content: space-between;

                .mimoleft {
                    p {
                        line-height: vw(40);
                        vertical-align: middle;
                        font-size: vw(18);

                        img {
                            margin-left: vw(15);
                            margin-right: vw(15);
                            width: vw(40);
                            height: vw(40);
                            vertical-align: middle;
                        }
                    }
                }

                .mimoright {
                    padding-top: vw(8);
                    width: vw(376);

                    p {
                        &:nth-of-type(1) {
                            font-size: vw(18);
                            margin-bottom: vw(32);
                        }

                        &:nth-of-type(2) {
                            text-align: right;
                            font-size: vw(18);
                            color: #b2b2b2;
                            margin-bottom: vw(12);
                        }
                    }
                }

            }

            .mimoarea {
                textarea {
                    display: inline-block;
                    width: vw(495);
                    height: vw(70);
                    margin: vw(15) vw(12) vw(6);
                    resize: none;
                }

            }

            .mimobutton {
                text-align: right;
                padding-right: vw(12);
                input {
                    display: inline-block;
                    width: vw(175);
                    height: vw(45);
                    background-color: #b20000;
                    color: white;
                    outline: none;
                    border: none;
                }
            }
        }

        &:nth-of-type(14) {
            height: vw(182);
            width: vw(578);
            padding: vw(23) 0 vw(37) 0;
            border-top: 1px dashed #727171;
            border-bottom: 1px solid #727171;
            margin-top: vw(25);
            p {
                line-height: vw(51);

                img {
                    width: vw(51);
                    height: vw(51);
                    vertical-align: middle;
                }

                span {
                    line-height: vw(51);
                    font-size: vw(18);
                    vertical-align: middle;
                    margin-left: vw(10);

                    &:nth-of-type(2) {
                        color: #b2b2b2;
                    }
                }
            }

            >div {
                div {
                    display: flex;
                    display: -webkit-flex;
                    justify-content: space-between;
                    padding-left: vw(13);

                    >p {
                        &:nth-of-type(1) {
                            font-size: vw(22);
                        }

                        &:nth-of-type(2) {
                            font-size: vw(18);
                            color: #b2b2b2;
                        }

                        &:nth-of-type(3) {
                            font-size: vw(19);

                            img {
                                width: vw(15);
                                height: vw(8);
                            }
                        }
                    }
                }

                >p {
                    text-align: right;
                    font-size: vw(19);

                    img {
                        width: vw(15);
                        height: vw(8);
                    }
                }
            }
        }

        .gg{
            font-size: vw(22);
            color: #bbbbbb;
            margin-top: vw(18);
            margin-bottom: vw(34);
        }
    }
    .gg{
        font-size: vw(22);
        color: #bbbbbb;
        margin-top: vw(18);
        margin-bottom: vw(34);
        text-align: center;
    }
    >img {
        &:nth-of-type(1) {
            margin-top: vw(15);
            width: vw(580);
            height: vw(271);
        }

        &:nth-of-type(2) {
            margin-top: vw(8);
            width: vw(592);
            height: vw(167);
        }

        &:nth-of-type(3) {
            margin-top: vw(15);
            width: vw(592);
            height: vw(274);
        }

        &:nth-of-type(4) {
            margin-top: vw(20);
            width: vw(583);
            height: vw(170);
        }

        &:nth-of-type(5) {
            margin-top: vw(20);
            width: vw(582);
            height: vw(241);
        }

        &:nth-of-type(6) {
            margin-top: vw(16);
            width: vw(581);
            height: vw(299);
        }

        &:nth-of-type(7) {
            margin-top: vw(16);
            width: vw(527);
            height: vw(277);
            margin-bottom: vw(34);
        }
    }
}